<template>
  <MyHeader :bgColor="bgColor" :textColor="textColor" :title="title"></MyHeader>
  <input type="text" name="" id="" v-model="title" placeholder="标题">
  <input type="text" name="" id="" v-model="bgColor" placeholder="背景">
  <input type="text" name="" id="" v-model="textColor" placeholder="颜色">
  <MyValidation :propD="'success'"></MyValidation>
  <button @click="count ++">count + 1</button>
  <div>{{plus}}</div>
</template>

<script>
import MyHeader from './header.vue'
import MyValidation from './validation.vue'
export default {
  components: {
    MyHeader,
    MyValidation
  },
  data() {
    return {
      bgColor: 'blue',
      textColor: 'white',
      title: 'MyHeader 组件',
      count: 2,
    }
  },
  computed: {
    plus() {
      return this.count * 2
    }
  }
}
</script>

<style>

</style>